:host {
  width: 100%;
  font-size: 14px;
  height: 100%;
  overflow: auto;
  position: relative;
}

.cardTitle {
  padding-top: 9px;
  padding-left: 25px;
  margin-right: 20px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #2f3d5d;
  line-height: 22px;
}
.cardTitileDivider {
  border-top: 1px solid #979797ff;
  margin-left: 17px;
  margin-right: 17px;
}

.module {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #c6ceee;
  background-color: #ffffff;
}

.mainContainer {
  // height: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 1%;
  margin-right: 1%;
  .txsInfo {
    .txsInfoTable {
      margin: 20px 20px 20px 20px;
    }
  }
}


.modalWhole {
  height: 650px;
  display: grid;
  grid-template-rows: 48% 52%;
  grid-template-areas: 
  "txsInfomation"
  "txsRecipy";
  grid-row-gap: 16px;
  .txsInfomation {
    grid-area: txsInfomation;
    .detailwhole {
      height: 20px;
      width: 650px;
      margin-top: 2px;
      margin-left: 10px;
      margin-right: 10px;
      .detailInfo {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
    }
  }
  .txsRecipy {
    grid-area: txsRecipy;
    .detailwhole {
      height: 20px;
      width: 650px;
      margin-top: 2px;
      margin-left: 10px;
      margin-right: 10px;
      .detailInfo {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
    }
  }
}